@()

@main("发运系统 - 提单详情") {
	<link rel="stylesheet" href='@routes.Assets.at("business/bill/billDetail.css")'/>
	
	<div class="billDetail-chapter">
		<div class="row">
			<div class="col-2 billDetail-title">提单详情</div>
			<div class="col-2 offset-7">
				<button id="newPlan" class="btn btn-primary">
					<i class="icon-truck icon-large"></i> 新增运输计划
				</button>
			</div>
			<div></div>
		</div>
	</div>
    <div class="billDetail-container">
		<div class="row bilDetail-content">
			<div class="col-6">
				<div class="fa-form">
					<div class="title-row">
						<label class="content-title">发运计划</label>
					</div>
					<table id="billTabel" class="table">
					</table>	
				</div>
			</div>
			<div class="col-6">
				<div class="child-form">
					<div class="title-row">
						<label class="content-title">子发运计划列表</label>
					</div>
					<div id="subPlanList" class="row">
						<table id="billSubTable" class="table table-hover">
							<tr>
								<td>正在加载数据...</td>
							</tr>
						</table>
						<div class="newBill-area">
							<div class="row justify-content-md-center">
								<div>
									<button id="newSubPlan" class="btn btn-primary btn-sm">
									<i class="icon-file-alt icon-large"></i> 新增子发运计划
									</button>
								</div>
							</div>
						</div>
					</div>
					<div id="newSubPlanDiv" class="row">
						<table id="newSubPlanTable" class="table">
						</table>
						<div class="row justify-content-around">
							<button id="cancelSubPlan" class="btn btn-secondary">取消</button>
							<button id="submitSubPlan" class="btn btn-primary">提交</button>
						</div>
					</div>
				</div>
			</div>
		</div>
  	</div>
  
  <script type='text/javascript' src='@routes.Assets.at("business/bill/billDetail.js")'></script>
}
				